﻿/*基本样式*/
body {
    font-family: "Microsoft YaHei","SimSun","Arial, Helvetica, sans-serif";
    color: #444;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
}

html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style: none;
    }

h2 {
    font-size: 12px;
}

img {
    border: none;
}

a:link {
    color: #444;
    text-decoration: none;
}

a:visited {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #ff5a00;
    text-decoration: underline;
}

a:active {
    color: #ff5a00;
    text-decoration: underline;
}

.wrapper {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
    font-weight: bold;
}

.f16 {
    font-size: 16px;
    font-weight: bold;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.ml10 {
    margin-left: 10px;
    _margin-left: 5px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mr10 {
    margin-right: 10px;
}

/*字体样式*/
.black, .black a, .black a:link, .black a:visited {
    color: #666;
}

    .black a:hover {
        text-decoration: underline;
        color: #db2242;
    }

.orange, .orange a:link, .orange a:visited {
    color: #db2242;
}

    .orange a:hover {
        color: #c8203e;
        text-decoration: underline;
    }

.gray, .gray a:link, .gray a:visited {
    color: #606060;
    font-family: "微软雅黑";
}

    .gray a:hover {
        color: #db2242;
        text-decoration: none;
    }

.gray1, .gray1 a:link, .gray1 a:visited {
    color: #a4a4a4;
    font-family: "微软雅黑";
}

    .gray1 a:hover {
        color: #db2242;
        text-decoration: none;
    }

.red, .red a:link, .red a:visited {
    color: #ea1e00;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

    .red a:hover {
        color: #db2242;
        text-decoration: underline;
    }

.white, .white a:link, .white a:visited {
    color: #fff;
}

    .white a:hover {
        color: #ffddc3;
        text-decoration: none;
    }

.green, .green a, .green a:link, .green a:visited {
    color: #006600;
}

    .green a:hover {
        text-decoration: underline;
        color: #db2242;
    }

.blue, .blue a, .blue a:link, .blue a:visited {
    color: #3d5590;
}

.yellow, .yellow a, .yellow a:link, .yellow a:visited {
    color: #996600;
}

.purple, .purple a, .purple a:link, .purple a:visited {
    color: #1c0060;
}

.green1, .green1 a, .green1 a:link, .green1 a:visited {
    color: #336666;
}

.orange1, .orange1 a, .orange1 a:link, .orange1 a:visited {
    color: rgb(255, 115, 0);
}

.white1 {
    font-family: Arial;
    font-size: 14px;
}

/*顶部样式*/
.topbar {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #cfcfcf;
}

    .topbar .toptab {
        width: 1000px;
        margin: 0 auto;
    }

        .topbar .toptab .greet {
            padding-left: 10px;
            float: left;
            padding-top: 4px;
        }

        .topbar .toptab li {
            float: left;
            margin: 0 3px;
        }

.site-nav {
    line-height: 20px;
    height: 30px;
    float: right;
    position: relative;
    z-index: 999999;
}

    .site-nav a {
        color: #444;
    }

        .site-nav a:hover {
            color: #c8203e;
        }

    .site-nav .quick-menu {
        padding-top: 4px;
        float: right;
    }

        .site-nav .quick-menu LI {
            background-position: right 6px;
            padding-left: 5px;
            float: left;
            padding-bottom: 0px;
            margin-left: 5px;
            padding-top: 2px;
        }

            .site-nav .quick-menu LI.last {
                background: none transparent scroll repeat 0% 0%;
            }

            .site-nav .quick-menu LI.menu-item {
                padding-right: 0px;
                padding-left: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
                position: relative;
            }

    .site-nav .menu-hd {
        padding-right: 14px;
        display: block;
        padding-left: 5px;
        z-index: 10002;
        padding-bottom: 0px;
        margin: 1px 1px 0px;
        cursor: pointer;
        padding-top: 0px;
        position: relative;
        height: 20px;
    }

    .site-nav .myqihui .menu-hd {
        width: 60px;
        padding-top: 1px;
        _padding-top: 1px;
        height: 25px;
    }

    .site-nav .webmenu .menu-hd {
        width: 48px;
        padding-top: 1px;
        _padding-top: 1px;
        height: 25px;
    }

    .site-nav .services .menu-hd {
        width: 48px;
        padding-top: 1px;
        _padding-top: 1px;
        height: 25px;
    }

    .site-nav .menu-hd b {
        border-top: #ccc 4px solid;
        border-right: #fff 4px solid;
        border-bottom: #fff 4px solid;
        border-left: #fff 4px solid;
        font-size: 0px;
        right: 3px;
        width: 0px;
        line-height: 0;
        position: absolute;
        top: 8px;
        height: 0px;
        -webkit-transition: -webkit-transform .2s ease-in;
        -moz-transition: -webkit-transform .2s ease-in;
        -o-transition: -webkit-transform .2s ease-in;
        transition: -webkit-transform .2s ease-in;
    }

    .site-nav .menu-bd {
        border-right: #bfbfbf 1px solid;
        border-top: #bfbfbf 1px solid;
        display: none;
        z-index: 10001;
        left: 0px;
        background: #fff;
        border-left: #bfbfbf 1px solid;
        border-bottom: #bfbfbf 1px solid;
        position: absolute;
        top: 21px;
    }

    .site-nav IFRAME.menu-bd {
        border-top-width: 0px;
        border-left-width: 0px;
        z-index: -1;
        background: none transparent scroll repeat 0% 0%;
        FILTER: alpha(opacity=0);
        float: left;
        border-bottom-width: 0px;
        border-right-width: 0px;
    }

    .site-nav .menu-bd-panel {
        padding-bottom: 6px;
        padding-top: 10px;
    }

    .site-nav .menu-item-opp .menu-bd {
        left: 0px;
    }

        .site-nav .menu-item-opp .menu-bd S.rt {
            left: 0px;
        }

        .site-nav .menu-item-opp .menu-bd S.lt {
            background-position: -87px -55px;
            RIGHT: -2px;
            LEFT: auto;
        }

    .site-nav .menu {
        position: relative;
    }

        .site-nav .menu:hover .menu-hd {
            border-right: #bfbfbf 1px solid;
            border-top: #bfbfbf 1px solid;
            background: white;
            margin: 0px;
            border-left: #bfbfbf 1px solid;
            border-bottom: #bfbfbf 1px;
        }

    .site-nav .hover .menu-hd {
        border-right: #bfbfbf 1px solid;
        border-top: #bfbfbf 1px solid;
        background: white;
        margin: 0px;
        border-left: #bfbfbf 1px solid;
        border-bottom: #bfbfbf 1px;
    }

    .site-nav .menu:hover .menu-bd {
        display: block;
    }

    .site-nav .hover .menu-bd {
        display: block;
    }

    .site-nav .menu:hover .menu-hd B {
        border-left-color: #fff;
        FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        border-bottom-color: #fff;
        border-top-color: #ccc;
        top: 5px;
        border-right-color: #fff;
        -moz-transform: rotate(180deg);
        -moz-transform-origin: 50% 30%;
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin: 50% 30%;
        -o-transform: rotate(180deg);
        -o-transform-origin: 50% 30%;
        transform: rotate(180deg);
        transform-origin: 50% 30%;
    }

    .site-nav .hover .menu-hd B {
        border-left-color: #fff;
        FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        border-bottom-color: #fff;
        border-top-color: #ccc;
        TOP: 5px;
        border-right-color: #fff;
        -moz-transform: rotate(180deg);
        -moz-transform-origin: 50% 30%;
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin: 50% 30%;
        -o-transform: rotate(180deg);
        -o-transform-origin: 50% 30%;
        transform: rotate(180deg);
        transform-origin: 50% 30%;
    }

    .site-nav .myqihui .menu-bd {
        line-height: 22px;
        top: 26px;
        width: 90px;
        height: 110px;
    }

    .site-nav .myqihui .menu-bd-panel {
        padding-left: 5px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 5px;
    }

    .site-nav .webmenu .menu-bd {
        line-height: 22px;
        top: 26px;
        width: 225px;
        height: 35px;
    }

    .site-nav .webmenu .menu-bd-panel {
        padding-left: 5px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 8px;
    }

    .site-nav .services .menu-bd {
        line-height: 22px;
        top: 26px;
        width: 80px;
        height: 110px;
    }

    .site-nav .services .menu-bd-panel {
        padding-left: 5px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 5px;
    }

    .site-nav .swhome {
        padding-right: 7px;
    }

    .site-nav .menu-bd-panel a {
        color: #666;
        padding: 2px 3px;
    }

        .site-nav .menu-bd-panel a:hover {
            color: #fff;
            background-color: #c8203e;
            padding: 2px 3px;
        }

/*logo样式*/
.logotab {
    width: 100%;
    height: 130px;
    background-color: #f6f6f6;
}

    .logotab .logo {
        float: left;
        text-align: left;
        text-indent: -999em;
        background-image: url(/images2/logo.jpg);
        margin: 10px 0 0 6px;
    }

        .logotab .logo h1 a {
            width: 228px;
            height: 109px;
            display: block;
        }

    .logotab .logofont {
        float: left;
        text-align: left;
        text-indent: -999em;
        background: url(/images2/logo-font.jpg) no-repeat -1px 0;
        margin: 13px 10px 0 0;
        width: 220px;
        height: 109px;
        display: block;
    }

/*搜索样式*/
.searchtab {
    width: 444px;
    height: 95px;
    padding: 18px 0 0 0;
    float: left;
}

    .searchtab .stit {
        width: 444px;
        float: left;
    }

        .searchtab .stit ul li {
            width: 70px;
            height: 26px;
            line-height: 26px;
            float: left;
            text-align: center;
        }

        .searchtab .stit ul li {
            color: #666;
            text-decoration: none;
            display: block;
            cursor: pointer;
        }

    .searchtab .searstyle {
        width: 444px;
        float: left;
    }

        .searchtab .searstyle .searmiddle {
            width: 348px;
            height: 37px;
            border: 2px solid #dfdfdf;
            border-right: 0;
            float: left;
        }

        .searchtab .searstyle .searright {
            width: 94px;
            font-family: "Microsoft YaHei";
            text-align: center;
            background-color: #db2242;
            float: left;
            cursor: pointer;
        }

            .searchtab .searstyle .searright button {
                width: 94px;
                height: 41px;
                line-height: 41px;
                background: none;
                border: none;
                cursor: pointer;
            }

        .searchtab .searstyle .searfont {
            width: 48px;
            padding-left: 10px;
            float: left;
        }

    .searchtab .sfont {
        width: 550px;
        line-height: 22px;
        margin-top: 8px;
        float: left;
    }

        .searchtab .sfont li {
            padding-right: 15px;
            float: left;
        }

/*二维码*/
.code {
    float: right;
    margin-top: 5px;
}

    .code .codeimg {
        width: 70px;
        height: 70px;
        background: url(/images2/ico.png) no-repeat -208px 0;
    }

/*表单样式*/
.input {
    width: 346px;
    height: 37px;
    line-height: 37px;
    padding-left: 2px;
    border-width: 0;
    border: none;
    float: left;
    color: #999;
    background-color: #fff;
}

/*版权样式*/
.copyrightbar {
    width: 100%;
    height: 302px;
    padding-top: 15px;
    margin-top: 25px;
    background: #3d3d3d;
}

    .copyrightbar .bottom-logo {
        height: 74px;
        width: 157px;
        background: url(/images2/ico.png) no-repeat 0 -393px;
    }

    .copyrightbar .right {
        width: 980px;
        float: right;
    }

        .copyrightbar .right .about {
            margin: 15px 0 15px 20px;
        }

            .copyrightbar .right .about li {
                width: 800px;
                float: left;
                white-space: nowrap;
            }

        .copyrightbar .right .sicon {
            width: 24px;
            height: 24px;
            background: url(/images2/ico.png) no-repeat;
        }

    .copyrightbar .footer {
        width: 795px;
        height: 44px;
        background: url(/images2/copyright.png) no-repeat;
    }

        .copyrightbar .footer .iso {
            width: 133px;
            height: 44px;
            display: block;
            float: left;
        }

            .copyrightbar .footer .iso:hover {
                background: url(/images2/copyright.png) no-repeat 0 -52px;
            }

        .copyrightbar .footer .beian:hover {
            background: url(/images2/copyright.png) no-repeat -133px -52px;
        }

        .copyrightbar .footer .mcafee:hover {
            background: url(/images2/copyright.png) no-repeat -266px -52px;
        }

        .copyrightbar .footer .lanbiao:hover {
            background: url(/images2/copyright.png) no-repeat -399px -52px;
        }

        .copyrightbar .footer .youngper:hover {
            background: url(/images2/copyright.png) no-repeat -532px -52px;
        }

        .copyrightbar .footer .gswj:hover {
            background: url(/images2/copyright.png) no-repeat -665px -52px;
        }

/*网站导航*/
.navigation {
    height: 150px;
    width: 990px;
    border-bottom: 1px solid #4b4b4b;
    margin-left: 20px;
    float: left;
}

    .navigation li {
        float: left;
        height: 110px;
        width: 118px;
        margin-top: 15px;
        padding-right: 46px;
    }

    .navigation dl {
        padding-right: 50px;
        width: 88px;
    }

    .navigation dt {
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .navigation dd {
        line-height: 22px;
    }

    .navigation .noimg {
        background: none;
    }
